<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>最佳实践</title>
</head>
<body>
	<p>
		使用伪协议javascript:,在不支持的浏览器中会尝试打开链接而不是调用js;在支持但被禁用js的浏览器中,什么也不会发生
		<div>
			那应该怎么做呢?href后面接上真实的地址,再使用onclick事件.不过,现在真的有必要这样吗?这样主要是考虑到爬虫
		</div>
		<div>
			减少不必要的元素,加快遍历DOM树查找元素<br>

			到script标签到到文档底部,body标签前<br>
			HTTP 1.1 每次从同一个域名中最多同时下载两个文件.<br>
			放在head里会阻止其他脚本或图片的加载,更重要的是阻止DOM文档的下载<br>

			压缩脚本<br>
		</div>
	</p>
	<article>
		<h5>两项原则:</h5>
		<p>
			渐进增强:你应该从最核心的部分,即内容开始,根据内容使用标记实现良好的结构.然后再逐渐
			增强这些内容,可以是用CSS改进呈现效果,也可以是JS改变更各种行为.如果你使用js去添加
			核心内容,那未免时机太迟了.
		</p>
		<p>
			平稳退化:当浏览者缺乏必要的CSS与DOM支持时,仍然可以访问到你的核心内容.如果
			你用js去添加重要的内容,它就没法平稳退化.
			​
		</p>
	</article>
	<a href='http://www.baidu.com'>Example</a>
<script>
	var log = function(msg){console.log(msg);}

	function popUp(url){
		window.open(url, 'popUp window', "width=480,height=320");
	}

	window.onload = function(){
		if(!document.getElementsByTagName) return ;
		var link = document.getElementsByTagName('a')[0];
		//为元素添加事件: element.event = action
		link.onclick = function(){
			popUp(link.getAttribute('href'));
			//阻止href的默认行为
			return false;
		}
	}
</script>
</body>
</html>
